<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page language="java" import="pessoal.*" %>
<%@page language="java" import="ferramentas.*" %>
<%@page language="java" import="java.util.ArrayList" %>
<%
    //Não permitir caso não tenha documento associado
    Query q = new Query();
    int curso = Integer.parseInt(request.getParameter("curso"));
    Curso cursoAtual = q.getInscricaoAberta(curso);
    Usuario usuario = (Usuario) session.getAttribute("usuario");
    int limite_questao = cursoAtual.getMaxCaracteresQuestao();
    int limite_min_questao = cursoAtual.getMinCaracteresQuestao();

    if (cursoAtual.getTipo() != Integer.parseInt(request.getParameter("tipo"))) {
        out.println("Link inválido.<script>window.alert('O tipo do curso informado no link não corresponde ao correto relacionado a este curso.');location='index.jsp?conteudo=inscricoes';</script>");

    } else {
        int tipo = Integer.parseInt(request.getParameter("tipo"));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"ls
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Inscricao</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="shortcut icon" href="http://www.ufg.br/imagens/ufg.ico" />
        <script src="flash.js" type="text/javascript"></script>
        <script type="text/javascript">
            var alerta_curriculo = false;
            var alerta_questao = false;
            window.onload = function() {
                outro = document.getElementById("para_outro");
                if (outro != null) {
                    outro.style.display = "none";
                }
                para_tutores = document.getElementById("para_tutores");
                para_orientadores = document.getElementById("para_orientadores");
                if (para_tutores != null) {
                    para_tutores.style.display = "none";
                }
                if (para_orientadores != null) {
                    para_orientadores.style.display = "none";
                }
            }

            //Retirado a questão e o currículo da tela de inscrição dia 15/04/2014
            function contar_questao() {
                var limite_questao = <%=limite_questao%>;
                var questao = document.getElementById("questao");
                var contador = document.getElementById("contador_questao");

                contador.innerHTML = questao.value.length;
                if (questao.value.length < (limite_questao / 4)) {
                    contador.style.color = "#0a0";
                } else {
                    if (questao.value.length < (limite_questao / 2)) {
                        contador.style.color = "#cc0";
                    } else {
                        if (limite_questao - questao.value.length >= 0) {
                            contador.style.color = "#f80";
                        } else {
                            if ((limite_questao - questao.value.length <= 0)) {
                                if (alerta_questao == false) {
                                    window.alert("Cuidado! Você acaba de ultrapassar o limite de caracteres.");
                                    alerta_questao = true;
                                }

                                questao.value = questao.value.substr(0, limite_questao);
                            }
                            contador.innerHTML = limite_questao;
                            contador.style.color = "#a00";
                        }
                    }
                }

            }

            function contar_curriculo() {
                var questao = document.getElementById("curriculo");
                var contador = document.getElementById("contador_curriculo");

                contador.innerHTML = 800 - questao.value.length;
                if (800 - questao.value.length > 100) {
                    contador.style.color = "#0a0";
                } else {
                    if (800 - questao.value.length > 40) {
                        contador.style.color = "#cc0";
                    } else {
                        if (800 - questao.value.length >= 0) {
                            contador.style.color = "#f80";
                        } else {
                            if ((800 - questao.value.length <= 0)) {
                                if (alerta_curriculo == false) {
                                    window.alert("Cuidado! Você acaba de ultrapassar o limite de caracteres.");
                                    alerta_curriculo = true;
                                }
                                questao.value = questao.value.substr(0, 800);

                            }
                            contador.innerHTML = 800 - questao.value.length;
                            contador.style.color = "#a00";
                        }
                    }
                }

            }

            function limpar_questao() {
                var questao = document.getElementById("questao");
                if (questao.value == "Digite aqui seu texto.") {
                    questao.value = "";
                }
            }
            function limpar_curriculo() {
                var questao = document.getElementById("curriculo");
                if (questao.value == "Digite aqui seu texto.") {
                    questao.value = "";
                }
            }
            /*function outros() {
             
             outro = document.getElementById("para_outro");
             if (outro.style.display == "none") {
             outro.style.display = "block";
             } else {
             outro.style.display = "none";
             }
             }*/
            function mostrar_tipo(tipo) {
                if (tipo == "tutor") {
                    para_tutores.style.display = "block";
                    para_orientadores.style.display = "none";
                } else if (tipo == "orientador") {
                    para_tutores.style.display = "none";
                    para_orientadores.style.display = "block";
                } else {
                    window.alert("Erro inesperado!");
                }
            }
            function submeter() {
                //var limite_min_questao = <//%=limite_min_questao%>;
                var form = document.getElementById("formulario");
                var concorda_termos_edital = document.getElementById("concorda").checked;
                var polo = document.getElementById("polo").value;
                //var questao = document.getElementById("questao");
                var tipoCurso = <%=tipo%>;
                if (tipoCurso != 2) {
                    var lattes = document.getElementById("lattes").value;
                }
                if (polo != -1) {
                    if (!concorda_termos_edital) {
                        alert("É preciso aceitar os termos do edital para prosseguir sua inscrição.");
                        document.getElementById("termos").setAttribute("class", "invalido");
                    }
                    else if ((tipoCurso != 2) && (lattes == null || lattes == "" || lattes.lenght == 0)) {
                        alert("Você precisa informar o link do seu Currículo Lattes.");
                        document.getElementById("lattes").setAttribute("class", "invalido");
                    }
                    /*else if (questao.value.length < limite_min_questao) {
                     alert("A resposta de sua questão não possui a quantidade mínima de caracteres exigida.");
                     document.getElementById("questao").setAttribute("class", "invalido");
                     }*/
                    else {
                        form.submit();
                    }
                } else {
                    alert("É preciso escolher um Polo.");
                }
            }
        </script>
    </head>
    <body>
        <h1>Inscrição de <span class="nome_destaque"><%=usuario.getNome()%></span> para <span class="nome_destaque"><%=cursoAtual.getNome()%></span></h1>
        <form name="fomulario" id="formulario" action="formularioInscricao" method="post">
            <table>
                <%
                    if (tipo == 1) { //Orientador/Tutor
%>
                <INPUT TYPE="hidden" NAME="tipo" VALUE="1" >
                <INPUT TYPE="hidden" NAME="curso" VALUE='<%=cursoAtual.getNumero()%>' >

                <tr>
                    <td><strong>Em qual função você deseja se inscrever?</strong><br />
                        <% if (cursoAtual.getNumero() != 105) {%>
                        <label><input type="radio" name="tutor_orientador" value="orientador" onclick="mostrar_tipo(this.value)" checked />Tutor a Distância (atuação junto à sede do curso)</label><br />
                            <%}%>
                        <label><input type="radio" name="tutor_orientador" value="tutor" onclick="mostrar_tipo(this.value)" <%=cursoAtual.getNumero() == 105 ? "checked" : ""%> />Tutor Presencial</label><br />                 
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id='para_tutores<%=cursoAtual.getNumero() == 105 ? "_105" : ""%>' style='display: none'>
                            <label>Escolha o Polo de atuação:
                                <select name="polo" id ="polo">
                                    <%
                                        ArrayList<Polo> polos = q.getPolos(cursoAtual);
                                        for (Polo p : polos) {
                                            out.println("<option value='" + p.getId() + "'>" + p.getNome() + "</option>");
                                        }
                                    %>
                                </select>
                            </label>
                        </div>
                    </td></tr>
                    <%

                    } else {
                        if (tipo == 2) { //Cursista
%>
                <INPUT TYPE="hidden" NAME="tipo" VALUE="2" >
                <INPUT TYPE="hidden" NAME="curso" VALUE='<%=cursoAtual.getNumero()%>' >

                <label>Escolha o Polo de atuação
                    <select name="polo" id ="polo">
                        <option value='-1'>Escolha um Polo</option>
                        <%
                            ArrayList<Polo> polos = q.getPolos(cursoAtual);
                            for (Polo p : polos) {
                                out.println("<option value='" + p.getId() + "'>" + p.getNome() + "</option>");
                            }
                        %>

                    </select>
                </label>

                <%
                        }
                    }

                    if (tipo == 3) { //Tutor
%>
                <INPUT TYPE="hidden" NAME="tipo" VALUE="3" >
                <INPUT TYPE="hidden" NAME="curso" VALUE='<%=cursoAtual.getNumero()%>' >
                <INPUT TYPE="hidden" NAME="tutor_orientador" VALUE="tutor" >

                <label>Escolha o Polo de atuação
                    <select name="polo" id ="polo">
                        <option value='-1'>Escolha um Polo</option>
                        <%
                            ArrayList<Polo> polos = q.getPolos(cursoAtual);

                            for (Polo p : polos) {
                                out.println("<option value='" + p.getId() + "'>" + p.getNome() + "</option>");
                            }
                        %>

                    </select>
                </label>
                <!--<tr>
                    <td><strong>Área de Atuação</strong><br />
                        <label><input name="escolaridade" value="educacao_basica" type="checkbox" />Educação Básica</label><br>
                        <label><input name="escolaridade" value="educacao_superior" type="checkbox" />Educação Superior</label><br>
                        <label><input name="escolaridade" value="outro" type="checkbox" onchange="outros()" />Outro:</label><br>
                        <input id="para_outro" name="outro" type="text" />
                    </td>
                </tr> -->
                <%
                    }
                    if (tipo == 4) { //Orientador
                        CidadeSede sede = q.getCidadesSede(cursoAtual);
                %>
                <td><strong>Atuação junto a sede do curso:</strong> <%=sede.getNome()%></strong><br /></td>
                <INPUT TYPE="hidden" NAME="tipo" VALUE="4" >
                <INPUT TYPE="hidden" NAME="curso" VALUE='<%=cursoAtual.getNumero()%>' >
                <INPUT TYPE="hidden" NAME="tutor_orientador" VALUE="orientador" >
                <INPUT TYPE="hidden" NAME="polo" id="polo" VALUE="0" >
                <INPUT TYPE="hidden" NAME="cidade_sede" VALUE='<%=sede.getId()%>' >
                <!--<tr>
                    <td><strong>Área de Atuação</strong><br />
                        <label><input name="escolaridade" value="educacao_basica" type="checkbox" />Educação Básica</label><br>
                        <label><input name="escolaridade" value="educacao_superior" type="checkbox" />Educação Superior</label><br>
                        <label><input name="escolaridade" value="outro" type="checkbox" onchange="outros()" />Outro:</label><br>
                        <input id="para_outro" name="outro" type="text" />
                    </td>
                </tr> -->

                <%
                    }
                    if (curso == 124 || curso == 155) {
                %>
                <tr>
                    <td><strong>Minicurriculo</strong>
                        <br />
                        <textarea style="width:670px;"rows="10" cols="20" id="curriculo" name="curriculo" onkeyup="contar_curriculo()" onfocus="limpar_curriculo()">Digite aqui seu texto.</textarea>
                        <span class="contador" id="contador_curriculo"></span>
                        <br /><span class="dica">Serão aceitos até 800 caracteres em seu texto.</span>
                    </td>
                </tr> 
                <tr>
                    <td><strong><%=cursoAtual.getQuestao()%></strong>
                        <br /><textarea style="width:670px;" cols="20" rows="15" id="questao" name="questao" onkeyup="contar_questao()" onfocus="limpar_questao()">Digite aqui seu texto.</textarea>
                        <span class="contador" id="contador_questao"></span>
                        <br /><span class="dica">Serão aceitos apenas textos com no mínimo <%=limite_min_questao%> e no máximo <%=limite_questao%> caracteres.</span>
                    </td>
                </tr>
                <%
                } else {
                    if (tipo != 2) {%>
                <tr><td><strong>Link do Currículo Lattes: </strong>
                        <input id="lattes" name="lattes" type="text" size="70"/>
                    </td>
                </tr>
                <%}
                    }
                %>
                <tr>
                    <td>
                        <label id="termos" onclick="this.setAttribute('class', 'none');"><input id="concorda" name="concorda" type="checkbox" />Li o edital e estou de acordo.</label>
                    </td>
                </tr>
                <tr><td><input type="button" value="Enviar" onclick="submeter()"/></td></tr>
            </table>
        </form>
        <!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><div style="display:none;"><a href="javascript:void(window.open('http://mercurio2.ciar.ufg.br//livezilla/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img id="chat_button_image" src="http://mercurio2.ciar.ufg.br//livezilla/image.php?id=05&amp;type=overlay" width="32" height="112" border="0" alt="LiveZilla Live Help"></a></div><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
            var script = document.createElement("script");
            script.type = "text/javascript";
            var src = "http://mercurio2.ciar.ufg.br//livezilla/server.php?request=track&output=jcrpt&fbpos=10&fbml=0&fbmt=0&fbmr=0&fbmb=0&fbw=32&fbh=112&fbshx=5&fbshy=5&fbshb=5&fbshc=696969&nse=" + Math.random();
            setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)", 1);</script><noscript><img src="http://mercurio2.ciar.ufg.br//livezilla/server.php?request=track&amp;output=nojcrpt&amp;fbpos=10&amp;fbml=0&amp;fbmt=0&amp;fbmr=0&amp;fbmb=0&amp;fbw=32&amp;fbh=112&amp;fbshx=5&amp;fbshy=5&amp;fbshb=5&amp;fbshc=696969" width="0" height="0" style="visibility:hidden;" alt=""></noscript><!-- http://www.LiveZilla.net Tracking Code -->
    </body>
</html>
<% }%>